﻿@charset "utf-8";

.aboutus{width:100%; background:url(img/bg.png) repeat;}

.aboutus .banner{background:url(img/banner_bg.png) center top no-repeat; width:100%; height:781px; margin:0 auto; padding:0;}

.aboutus .banner .inside{width:1100px; height:781px;}

.aboutus .banner .inside li{float:left; width:367px; height:781px;}

.aboutus .part{width:1100px; position:relative; z-index:1;}

.aboutus .part .icon{background:url(img/icon.png) no-repeat; _background:url(img/icon_ie6.png) no-repeat;}

.aboutus .p1{overflow:visible;}

.aboutus .p1 .blackboard{background:url(img/blackborad.png) no-repeat; width:954px; height:505px;}

.aboutus .p1 .clock{background:url(img/clock.png) no-repeat; width:154px; height:206px; position:absolute; z-index:1; top:0; left:-100px;}

.aboutus .part .title{width:935px; padding-bottom:20px;}

.aboutus .part .title h2{font-size:28px; text-align:center; color:#454545; padding-bottom:15px;}

.aboutus .part .title p{font-size:16px; text-indent:36px; line-height:2; color:#777777;}

.aboutus .p2{padding-top:80px; position:relative; z-index:1; overflow:visible;}

.aboutus .p2 .title{overflow:visible;}

.aboutus .p2 .title a{background:#fff; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; padding:5px 20px; color:#454545; margin:0 10px; display:inline; position:relative; z-index:1; overflow:visible; border-bottom:3px solid #cdcdcd;}

.aboutus .p2 .title a:hover ,.aboutus .p2 .title a.focus{color:#fff; background:#E3393C; border-bottom:3px solid #D71D20;}

.aboutus .p2 .title a em{background:url(img/book_focus.png) no-repeat; width:50px; height:30px; position:absolute; z-index:1; top:-30px; left:50%; margin-left:-25px; display:none;}.aboutus .p2 .title a.focus em{display:block;}

.aboutus .p2 .book{background:url(img/book.png) no-repeat; display:none;}

.aboutus .p2 .book .pages{text-align:center; height:21px; width:100%; margin-top:20px;}

.aboutus .p2 .book .pages a{display:inline-block; background:url(img/icon.png) no-repeat; width:21px; height:21px; margin:0 5px; background-position:-81px -238px; font-size:0; line-height:0;}

.aboutus .p2 .book .pages a.focus ,.aboutus .p2 .book .pages a:hover{background-position:-41px -238px;}

.aboutus .p2 .b1{padding:65px 45px 0 45px; width:803px; height:445px; position:relative; z-index:2;}

.aboutus .p2 .b1 .center{width:711px; height:400px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}

.aboutus .p2 .b1 li{float:left; width:711px; height:400px;}

.aboutus .p2 .b1 .arrow{position:absolute; z-index:2; top:50%; margin-top:-24px; width:48px; height:48px; font-size:24px; line-height:48px; text-align:center; filter:alpha(opacity=30); -webkit-opacity:.3; -moz-opacity:.3; opacity:.3; background:#000; color:#fff; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;}

.aboutus .p2 .b1 .arrow:hover{filter:alpha(opacity=60); -webkit-opacity:.6; -moz-opacity:.6; opacity:.6;}

.aboutus .p2 .b1 .arrow:active{filter:alpha(opacity=90); -webkit-opacity:.9; -moz-opacity:.9; opacity:.9;}

.aboutus .p2 .b1 .left{left:48px;}

.aboutus .p2 .b1 .right{right:48px;}

.aboutus .p2 .b2{padding:30px 75px 0 75px; width:743px; height:480px;}

.aboutus .p2 .b2 ul{display:none; height:384px;}

.aboutus .p2 .b2 li{float:left; position:relative; z-index:2; width:337px; height:76px; padding:5px; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; margin:40px 0 0 20px; display:inline;}

.aboutus .p2 .b2 li .u{float:left;}

.aboutus .p2 .b2 li .u_pic{width:77px; height:77px;}

.aboutus .p2 .b2 li .u_info{width:255px; padding-left:5px;}

.aboutus .p2 .b2 li .u_name{font-size:18px; color:#222;}

.aboutus .p2 .b2 li .u_name .u_pos{font-size:14px; padding-left:10px;}

.aboutus .p2 .b2 li .u_say{padding:5px 0; height:47px; text-indent:24px; color:#555;}

.aboutus .p2 .icon1{position:absolute; z-index:3; background-position:-139px -9px; width:176px; height:113px; top:70px; left:0;}

.aboutus .p2 .icon2{position:absolute; z-index:3; background-position:0 0; width:110px; height:112px; bottom:-20px; right:75px;}

.aboutus .p2 .b2 .icon5{position:absolute; z-index:3; background-position:-32px -147px; width:45px; height:46px; bottom:-20px; right:-20px;}

.aboutus .p2 .b2 .icon6{position:absolute; z-index:3; background-position:-205px -155px; width:50px; height:24px; bottom:-5px; right:0;}

.aboutus .p3{padding:80px 0;}

.aboutus .p3 .center{width:970px;}

.aboutus .p3 .n_title{float:left; font-size:24px; color:#454545; line-height:1.4; padding-top:100px;}

.aboutus .p3 .n_title span{color:#777777; font-size:18px;}

.aboutus .p3 .icon3{float:right; background-position:-13px -291px; width:460px; height:236px;}

.aboutus .p3 .p3_content{background:url(img/hr.png) center top no-repeat; width:970px; height:900px; position:relative; z-index:1; overflow:visible;}

.aboutus .p3_content .job{position:absolute; z-index:1; width:670px; font-size:17px; color:#414141; line-height:1.65;}

.aboutus .p3_content .job .bigsize{font-size:36px; color:#fff; display:block; width:200px; height:48px; background:#5c79a9; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; text-align:center; line-height:normal;}

.aboutus .p3_content .job .smallsize{padding-left:28px;}

.aboutus .p3_content .job1{top:-20px; left:245px;}

.aboutus .p3_content .job2{top:325px; right:235px;}.aboutus .p3_content .job2 .bigsize{width:305px; background:#f15758;}

.aboutus .p3_content .job3{top:655px; left:245px;}.aboutus .p3_content .job3 .bigsize{width:230px; background:#f09d58;}

.aboutus .p3_content .icon3{position:absolute; z-index:3; background-position:-321px -124px; width:152px; height:78px; top:290px; left:-30px;}

.aboutus .p3_content .icon4{position:absolute; z-index:3; background-position:-321px -2px; width:150px; height:71px; bottom:-40px; right:25px;}

.aboutus .p3 .more-job{width:830px; padding:20px 30px 15px 30px; font-size:14px; border-radius:10px; background-color:#fefefe; border:1px solid #ddd;}

.aboutus .more-job .title{width:100%; margin:0; padding:0 0 7px 0; font-size:24px;}

.aboutus .more-job .table{padding-bottom:7px; margin-top:7px; line-height:2; border-bottom:2px solid #ededed;}

.more-job .table .bigsize{font-size:18px; font-weight:bold;}

.more-job .table .bold{font-weight:bold; text-decoration:underline;}